<div class="page-title">
    <img src="svg_img/system_black.svg">
    <h1>短信转发</h1>
</div>
<div id="innerContainer">
    <div class="limit-container">
        <form id="smsForwardForm">
            <div class="content">
                <div class="row mb-3">
                    <label class="col-md-4 col-form-label" for="smsForwardCmd">短信转发命令</label>
                    <div class="col-md-12">
                        <textarea id="smsForwardCmd" class="form-control" style="width: 95%; resize: vertical; overflow-y: auto; height: 40vh;"></textarea>
                        <label id="smsForwardCmd-error" class="error" for="smsForwardCmd" style="display: none;">请输入有效的命令</label>
                    </div>
                </div>

                <div class="form-buttons">
                    <div>
                        <input type="button" class="btn btn-secondary" value="测试" onclick="testSmsForward()" />
                        <input type="button" class="btn btn-primary" value="确认" onclick="confirmSmsForward()" />
                    </div>
                </div>
                <div class="form-note">
                    <div class="notes-title">&nbsp;</div>
                    <ul class="notes-content">
                        <li>当收到短信时，系统会通过预设的 shell 脚本来转发短信。在脚本中可以使用以下变量来动态获取短信的相关信息：</li>
                        <ul>
                        <li>${sms_content}：表示短信的内容。</li>
                        <li>${sms_sender}：表示发件人的号码。</li>
                        <li>${sms_time}：表示短信的接收时间。</li>
                        <li>${sms_content_query_escape}：表示短信内容经过 URL 查询编码（URL.QueryEscape）后的结果，适用于需要将短信内容作为 URL 参数的场景。</li>
                        <li>${sms_sender_query_escape}：表示发件人号码经过 URL 查询编码后的结果。</li>
                        <li>${sms_time_query_escape}：表示接收时间经过 URL 查询编码后的结果。</li>
                        </ul>
                        <li>示例：</li>
                        <ul>
                        <li>curl http://example.com/api?content=${sms_content_query_escape}&sender=${sms_sender_query_escape}&time=${sms_time_query_escape}</li>
                        </ul>
                    </ul>
                </div>
            </div>
        </form>
    </div>
</div>


<script>
$(document).ready(function() {
    // 页面加载时获取当前短信转发命令
    $.get('/atwat/sms_forward/status', function(data) {
        $('#smsForwardCmd').val(data.smsForwardCmd);
    }).fail(function(error) {
        console.error('获取短信转发命令失败:', error);
    });
});

function testSmsForward() {
    // 发送测试消息
    $.post('/atwat/sms_forward/test', JSON.stringify({
        time: "25,05,10,14,52,36,+0800",
        sender: "8888",
        content: "【测试消息】这是一条测试消息"
    }), function(data) {
        console.log('测试消息发送成功:', data);
        // 可以在这里添加成功提示
    }).fail(function(error) {
        console.error('测试消息发送失败:', error);
        // 可以在这里添加错误提示
    });
}

function confirmSmsForward() {
    // 获取输入框中的值
    const smsForwardCmd = $('#smsForwardCmd').val();
    
    // 验证命令
    if (!smsForwardCmd) {
        $('#smsForwardCmd-error').show();
        return;
    }
    
    // 发送确认命令
    $.post('/atwat/sms_forward/cmd', JSON.stringify({
        smsForwardCmd: smsForwardCmd
    }), function(data) {
        console.log('命令确认成功:', data);
        // 可以在这里添加成功提示
    }).fail(function(error) {
        console.error('命令确认失败:', error);
        // 可以在这里添加错误提示
    });
}
</script>